.jobRecruit_box {
  box-sizing: border-box;
  background: #f5f5f5;
  // min-height: 100vh;
  .top {
    position: relative;
    font-size: 0;
    .image {
      position: absolute;
      top: 0;
      width: 750rpx;
      height: 192rpx;
      z-index: 101;
    }
    .search {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100vw;
      height: 104rpx;
      // background: pink;
      z-index: 101;
      .m_field {
        display: flex;
        align-items: center;
        width: 686rpx;
        height: 88rpx;
        background: #ffffff;
        box-shadow: 0px 4rpx 10rpx 0px rgba(0, 0, 0, 0.14);
        border-radius: 16rpx;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14);
        .icon {
          margin: 0 16rpx;
          width: 56rpx;
          height: 56rpx;
        }
        .placeholder {
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          color: rgba(0, 0, 0, 0.45);
        }
      }
    }
    .nav1 {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 48rpx;
      height: 88rpx;
      z-index: 101;
      .left {
        font-size: 24rpx;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        .pacle {
          margin-right: 32rpx;
        }
      }
      .sort {
        display: flex;
        align-items: center;
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        color: #ffffff;
        .icon {
          width: 36rpx;
          height: 36rpx;
        }
      }
    }
    .nav2 {
      position: relative;
      z-index: 99;
      box-sizing: border-box;
      width: 100vw;
      height: 88rpx;
      background: #fff;
      padding: 16rpx 32rpx;
      border-bottom: 2rpx solid #dcdcdc;
      .nav_list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        .item {
          display: flex;
          align-items: center;
          padding: 10rpx 16rpx;
          .text {
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            color: rgba(0, 0, 0, 0.65);
          }
          .icon {
            width: 36rpx;
            height: 36rpx;
          }
        }
        .activate {
          background: rgba(0, 122, 255, 0.05);
          border-radius: 8rpx;
          .text {
            color: #007aff;
          }
        }
      }
    }
    .bg_0251C2 {
      background: #0251c2;
    }
  }
  .list {
    // height: calc(~'100vh - 280rpx');
    box-sizing: border-box;
    padding: 16rpx 32rpx;
    padding-bottom: 14rpx;
    .item_box {
      margin-bottom: 16rpx;
      background: #fff;
      border-radius: 16rpx;
      border: 2rpx solid rgba(0, 0, 0, 0.1);
      padding: 32rpx 32rpx 16rpx 32rpx;
    }
  }
  // .list2 {
  //   height: calc(~'100vh - 176rpx');
  // }
  .sortPopup {
    background-color: #fff;
    .sortList {
      padding: 16rpx 0 16rpx 32rpx;
      .sort_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2rpx solid rgba(0, 0, 0, 0.1);
        .text {
          font-size: 26rpx;
          font-family: PingFangSC-Semibold, PingFang SC;
          color: #000;
          line-height: 48rpx;
          padding: 24rpx 0 24rpx 16rpx;
        }
        .activate {
          font-weight: 600;
          color: #007aff;
        }
        .icon {
          margin-right: 32rpx;
          width: 56rpx;
          height: 56rpx;
        }
        &:nth-last-of-type(1) {
          border: none;
        }
      }
    }
  }
  .nav2Popup {
    background-color: #fff;
    .popup_box {
      .sidebar {
        height: 480rpx;
        display: flex;
        .left {
          height: 480rpx;
          width: 320rpx;
          .item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80rpx;
            background: #f8f8f8;
            font-size: 26rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #000000;
          }
          .activate {
            color: #007aff;
            background: #fff;
          }
        }
        .right {
          height: 480rpx;
          width: 430rpx;
          .item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80rpx;
            width: 430rpx;
            background: rgba(255, 255, 255, 0);
            font-size: 26rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #000000;
          }
          .activate {
            color: #007aff;
          }
        }
      }
      .radio_box {
        padding: 32rpx 33rpx;
        .item {
          .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16rpx;
            line-height: 56rpx;
            .left {
              font-size: 28rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: #000000;
            }
            .right {
              font-size: 24rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: rgba(0, 0, 0, 0.5);
            }
          }
          .content {
            display: flex;
            flex-wrap: wrap;
            // justify-content: space-between;
            .content_item {
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              margin-bottom: 16rpx;
              margin-right: 28rpx;
              width: 150rpx;
              height: 72rpx;
              background: #ffffff;
              border-radius: 8rpx;
              border: 2rpx solid #d7d7d7;
              font-size: 24rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: rgba(0, 0, 0, 0.85);
              line-height: 36rpx;
              &:nth-of-type(4n) {
                margin-right: 0;
              }
            }
            .activate {
              color: #007aff;
              background: rgba(0, 122, 255, 0.05);
              border: 2rpx solid rgba(0, 122, 255, 0.65);
            }
          }
        }
      }
      .action_box {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 24rpx 34rpx;
        height: 128rpx;
        border-top: 2rpx solid rgba(0, 0, 0, 0.1);
        .reset {
          box-sizing: border-box;
          width: 228rpx;
          height: 80rpx;
          background: #ffffff;
          border-radius: 8rpx;
          border: 2rpx solid rgba(0, 0, 0, 0.25);
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #000000;
        }
        .confirm {
          box-sizing: border-box;
          width: 440rpx;
          height: 80rpx;
          background: #007aff;
          border-radius: 8rpx;
          border: 2rpx solid #007aff;
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #ffffff;
        }
      }
    }
  }
  .morePopup {
    width: 672rpx;
    height: 100vh;
    .popup_box {
      .radio_box {
        padding: 32rpx;
        .item {
          .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16rpx;
            line-height: 56rpx;
            .left {
              font-size: 28rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: #000000;
            }
            .right {
              font-size: 24rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: rgba(0, 0, 0, 0.5);
            }
          }
          .content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .content_item {
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              margin-bottom: 16rpx;
              margin-right: 16rpx;
              width: 192rpx;
              height: 72rpx;
              background: #ffffff;
              border-radius: 8rpx;
              border: 2rpx solid #d7d7d7;
              font-size: 24rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              color: rgba(0, 0, 0, 0.85);
              line-height: 36rpx;
              &:nth-of-type(3n) {
                margin-right: 0;
              }
            }
            .activate {
              color: #007aff;
              background: rgba(0, 122, 255, 0.05);
              border: 2rpx solid rgba(0, 122, 255, 0.65);
            }
          }
        }
      }
      .action_box {
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        width: 608rpx;
        padding: 16rpx 32rpx;
        border-top: 2rpx solid rgba(0, 0, 0, 0.1);
        background: rgba(0, 0, 0, 0.05);
        .reset {
          box-sizing: border-box;
          width: 192rpx;
          height: 80rpx;
          background: #ffffff;
          border-radius: 8rpx;
          border: 2rpx solid rgba(0, 0, 0, 0.25);
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #000000;
        }
        .confirm {
          box-sizing: border-box;
          width: 400rpx;
          height: 80rpx;
          background: #007aff;
          border-radius: 8rpx;
          border: 2rpx solid #007aff;
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #ffffff;
        }
      }
    }
  }
  .test {
    height: 100vh;
  }
}

#navigationBar {
  .left {
    display: flex;
    align-items: center;
    .image {
      width: 56rpx;
      height: 56rpx;
    }
  }
}
